<template>
  <div style="border:1px solid #cccccc">
    <p>{{editData.id?'编辑数据':'添加数据'}}</p>
    <p> name : <input type="text" v-model="MyData.name"></p>
    <div style="width: 200px"> age :
      <el-input v-model="MyData.age" placeholder="请输入内容" @blur="verifyAge"></el-input>
      <p style="margin: 0px;color: red;" v-show="false">内容不能为空</p>
    </div>
    <p>
      <button @click="save">保存</button>
    </p>
  </div>
</template>

<script>
  import {verify} from '@/util/verification'

  export default {
    props: ['editData'],
    data() {
      return {
        //如果需要过滤数据，应该在定义在计算属性里面
        MyData: this.editData
      };
    },
    methods: {
      save() {
        this.$emit('close_add_edit', false)
      },
      //检验函数
      verifyAge(e) {
           let F=verify(e.target.value,{
              Type:['required','password'], //内嵌验证类型：必填（必选）
              callback:function (errMsg) {  //自定义处理报错的结果(可选)
               console.log(errMsg)
             }
           })
        console.log(F);
      }


    }
  };
</script>


